<template>
      <div class="opening-member-box">
		     	<div class="opening-member-tit">
		     		开通会员
		     	</div>
		     	<div class="opening-member-account">
		     		<h5 class="account-name">充值账户</h5>
		     		<div class="opening-member-right">
		     		  <h6>
		     		  	<span class="qimiao_mobile"></span>（
		     		  	<span class="qimiao_package"></span>）
		     		  </h6>
		     		  	
		     		</div>
		     	</div>
		     	<div class="opening-member-usertype member-common-top clear" style="padding-bottom: 60px;">
		     		<h5 class="account-name">套餐类型</h5>
		     		<div class="opening-member-right">
			     		<ul class="opening-member-usertype-list" id="catbuyList">
				     		
				     	</ul>
				     	<div class="type_tips">
				     		1、两种套餐可任选其一，不能同时购买并享用；当前所购套餐使用完毕后方可购买另一种套餐。<br />
                            2、您可选择“套餐转换”功能将两种套餐进行转化，自购买日起每个月内可以并仅可转换一次。
				     	</div>
		     		</div>
		     	</div>
		     	
		     	<ul class="member-usertype-box">
		     		<li class="member-superuser">
		     			
				     	<div class="opening-member-catbuytype member-common-top clear">
				     		<h5 class="account-name">价格类型</h5>
				     		<div class="opening-member-right">
				     			<div class="opening-member-catbuytypeZone" id="priceGroup">
						     		
							        
				     			</div>
				     			
				     		</div>
				     	</div>
				     	<div class="opening-member-paymoney member-common-top clear">
				     		<h5 class="account-name">支付金额</h5>
				     		<div class="opening-member-right">
				     			<div class="opening-member-price">
					     			<small>￥</small>
						     		<span id="catbuy_price"></span>	
				     			</div>
				     		</div>
				     	</div>
				     	
				     	<div class="opening-member-paymethods member-common-top clear">
				     		<h5 class="account-name">支付方式</h5>
				     		<div class="opening-member-right">
					     		<ul class="opening-member-paymethods-list clear" id="paystyle">
						     		<li class="active" id="2">
						     			<img src="../../../images/payzfb.png" width="90"/>
						     			<img src="../../../images/catbuyselected.png" class="corner-mark"/>
						     		</li>
						     		<li id="1">
						     			<img src="../../../images/paywx.png" width="90"/>
						     			<img src="../../../images/catbuyselected.png" class="corner-mark"/>
						     		</li>
						     		<li id="3">
						     			<img src="../../../images/payqq.png" width="90"/>
						     			<img src="../../../images/catbuyselected.png" class="corner-mark"/>
						     		</li>
						     	</ul>	
				     		</div>	
				     	</div>
				     	
				     	
				     	<div class="opening-member-bot member-common-top noborder" >
				     		<a class="opening-member-buynow" id="pay">立即支付</a>
				     		<span>点击“立即支付”表示您已同意相关<a href="centercontract.php" target="_blank">《用户协议》</a></span>
				     	</div>
		     		</li>
		     	</ul>
		     </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
    
})
</script>
<style lang="less" scoped>

</style>

